<template>
    <view>
        <view class="uni-padding-wrap">
            <view class="page-section swiper">
                <view class="page-section-spacing">
                    <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
                        <swiper-item><image class="swiper-image" src="/static/images/swiper1.png" mode=""></image></swiper-item>
                        <swiper-item><image class="swiper-image" src="/static/images/swiper2.png" mode=""></image></swiper-item>
                    </swiper>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            background: ['color1', 'color2', 'color3'],
            indicatorDots: true,
            autoplay: true,
            interval: 2000,
            duration: 500
        };
    }
};
</script>

<style>
    .swiper{
        height: 229px;
    }
    .swiper-image{
        width: 100%;
        height: 100%;
    }
</style>
